<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
    	/*#bg{
    		width: 400px;
    		height: 400px;
    		background-image: url(imgs/梁瑞凡.jpg);
    		position:absolute;
    		left:100px;
			top:150px
    	}*/
    </style>
</head>
<body>
	<div id="main" style="width: 600px;height:400px;background-image: url(imgs/梁瑞凡.jpg);"></div>
	<div id="bg"></div>
	<input type="range" />
	<!-- 引入 ECharts 文件 -->
    <script src="js/echarts.js"></script>
    <script type="text/javascript" src="js/love.js" ></script>
	<script>
		var myChart = echarts.init(document.getElementById('main'));
//		var img =  new Image();
//		img.src = "imgs/梁瑞凡.jpg"
		var option = {
//				backgroundColor: {
//					color: {
//					    image: img, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
//					    repeat: 'repeat-x' // 是否平铺, 可以是 'repeat-x', 'repeat-y', 'no-repeat'
//					}
//				},
			    xAxis: {
			    	show:true,
			    	axisLine:{
			    		show:true	,
			    		symbol:['none','arrow'],
			    		lineStyle:{
								width:2			    		
			    		}
			    	},
			    	axisTick:{
			    		show:false
			    	},

						axisLabel:{
							show:false
						},
						splitLine:{
							show:false
						}
			    },
			    yAxis: {
			    	show:false
			    },
			    dataZoom: [
			        {
			        	show:true,
			        	realtime:true,
			            type: 'slider',
			            xAxisIndex: 0,
			            filterMode: 'empty',
			            showDetail:false
			        }
    			],
			    series: [
			    {
			        symbolSize: 20,
			        lable:{
			        	show:true
			        },
			        data: [
			            [10.0, 0],
			            [8.0, 0],
			            [13.0, 0],
			            [9.0, 0],
			            [11.0, 0],
			            [14.0, 0],
			            [6.0, 0],
			            [4.0, 0],
			            [12.0, 0],
			            [7.0, 0],
			            [5.0, 0]
			        ],
			        type: 'scatter'
//			        ,
//			     markLine: {
//              data: [
//                  {
//                  	type: 'average',
////                  	name: '平均值',
//                  	silent:true
//                  }
//              ]
//          }
			    }
			    ]
				};
myChart.setOption(option);
myChart.on('click', function (params) {
//  console.log(params);
console.log(myChart.getDom(document.getElementById('main')))
});
	</script>
</body>
</html>